<style>
    .ng-invalid-pattern {
        border: 1px solid #f00;
    }
</style>
<div class="mian" ng-controller="messageHistoryCtrl">      
    <div class="bg-light lter b-b wrapper-md">
        <h1 class="m-n font-thin h3">消息</h1>
    </div>
     <div class="wrapper-sm">
        <div class="row">
            <div class="col-sm-12">
                <ul class="blog-post no-padder">
                    <!--<li class="panel" ng-repeat="item in dataArrList | orderBy:'-Time' track by $index">-->
                    <li class="panel" ng-repeat="item in messageList | orderBy:'-Time'  track by $index">
                        <div class="wrapper-sm">
                            <div class="text-grays">
                                <span ng-if="item.Type==1" class="m-r-lg">
                                    <i class="fa fa-rmb text-grays"></i>
                                    活动通知
                                </span>
                              
                                <span ng-if="item.Type==2" class="m-r-lg">
                                    <i class="fa fa-file-text-o text-grays"></i>
                                    维护通知
                                </span>
                               
                                <span class="m-lg">
                                    <i class="fa fa-file-text-o text-grays"></i>
                                    发送人数{{item.Number}}
                                </span>
                              
                                 <span class="m-lg">
                                    <i class="fa fa-file-text-o text-grays"></i>
                                    发送人{{item.Sender}}
                                </span>
                               

                                <i class="fa fa-clock-o text-grays m-l-lg"></i> {{item.Time}}
                                <a href class="m-r pull-right" title="删除" ng-click="delItem(item.key)">x</a>
                                
                            </div>
                            <div class="line line-lg b-b b-light"></div>
                            <h5 class="l-h-14">{{item.Content}}</h5>
                        </div>
                    </li>

                    <li class="panel" ng-if="totalNumber==0">
                        <div class="wrapper-sm">
                            <h4 class="l-h-14">暂无消息</h4>
                        </div>
                    </li>

                </ul>
                <button ng-click="delAll()" title="清空消息" ng-disabled="allDis" ng-class="{'disabled':allDis}" class="pull-right btn btn-sm m-t-md m-b-md btn-default btn-addon"><i class="fa fa-trash-o"></i>清空消息</button>

                <div class="pagination">
                    <ul class="pagination-sm m-t-none m-b pagination ng-isolate-scope ng-valid">
                        <li ng-class="prevPageDisabled()">
                            <a href ng-click="prevPage()"> « 上一页</a>
                        </li>
                        <li ng-repeat="n in pageNum" ng-class="{active: n == currentPage}" ng-click="setPage(n)">
                            <span class="curpoint">{{n+1}}</span>
                        </li>
                        <li ng-class="nextPageDisabled()">
                            <a href ng-click="nextPage()">下一页 »</a>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </div>

</div>